<template>
<h1>隐藏显示指令</h1>
  <p v-if="true">lkp</p>
  <p v-if="false">lkpkp</p>
  <!--false表示该元素不会渲染到DOM中，会直接跳过该元素的渲染-->
  <hr>
  <p v-show="true">大钊</p>
  <p v-show="false">刘大钊</p>
  <!--v-show是修改元素的css display:none;让元素消失-->
  <h4 v-if="isShow">太阳</h4>
  <h4 v-else>月亮</h4>
</template>
<script setup>
import {ref} from "vue";

const isShow=ref(false)
</script>


<style scoped>

</style>